\documentclass[tikz,border=2mm]{standalone}
\usepackage{array}
\usepackage[UTF8]{ctex}
\newcolumntype{C}[1]{>{\centering\let\newline\\\arraybackslash\hspace{0pt}}m{#1}}
\usepackage{tikz-cd}
\usepackage{tikz,graphicx,subfig,caption} % Required for drawing custom shapes
\usetikzlibrary{fit,matrix,chains,arrows,shapes,positioning,arrows.meta,chains,shadows,shapes.callouts,decorations.text,shapes.symbols,shapes.misc, positioning,decorations.pathreplacing,calc,backgrounds}
\definecolor{lightblue2}{RGB}{205, 235, 255}
\begin{document}
	\begin{tikzpicture}[>=latex,every node/.style={anchor=south west,,inner sep=0,fill=white}]
		
		%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
		\node[drop shadow,fill=yellow!10] at (0,0) (SYNBL){
			\begin{tabular}{|C{2em}|C{2em}|C{2em}|C{2em}|C{2em}|}
				\hline 
				&  &  &  &\\ \hline
				\color{red}ak &  & \color{red}OK  & \color{red}Zk  &\\ \hline
				&  &  &  &\\ \hline
				\color{red}r(j) & \color{red}... & \color{red}r(j) &  &\\ \hline
			\end{tabular}
		};
		%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
		\node (a1) at ([xshift=-7em,yshift=0.2em]SYNBL.north){a};
		\node (a2) at ([xshift=-4em,yshift=0.2em]SYNBL.north){...};
		\node (a2.5) at ([xshift=-0.4em,yshift=0.15em]SYNBL.north){\#};
		\node (a3) at ([xshift=3em,yshift=0.2em]SYNBL.north){Z};
		\node (a4) at ([xshift=6em,yshift=0.2em]SYNBL.north){...};
		
		\node (a5.1) [align=center]at ([xshift=-0.8em,yshift=1.5em]SYNBL.west){\small{0}};
		\node (a5.2) [align=center]at ([xshift=-0.8em,yshift=0.3em]SYNBL.west){\small{1}};
		\node (a5) [align=center]at ([xshift=-0.7em,yshift=-0.8em]SYNBL.west){:};
		\node (a6) [align=center]at ([xshift=-0.7em,yshift=-1.1	em]SYNBL.west){.};
		\node (a6.1) [align=center]at ([xshift=-0.8em,yshift=-2.2em]SYNBL.west){\small{n}};
		%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
		% 终结符+#
		\node[anchor=north,fill=white,draw,thick,align=center,line width=0.1pt,inner sep=1.5pt] (s3) at ([xshift=-3em,yshift=3em]SYNBL.north) {\color{blue}终结符+ \# };
		\draw[decorate,decoration={brace,raise=8pt,amplitude=5pt}] ([xshift=-7em,yshift=0.3em]SYNBL.north) --([xshift=0.5em,yshift=0.3em]SYNBL.north);
		% 非终结符
		\node[anchor=north,fill=white,draw,thick,align=center,line width=0.1pt,inner sep=1.5pt] (s3) at ([xshift=4.5em,yshift=3em]SYNBL.north) {\color{blue}非终结符 };
		\draw[decorate,decoration={brace,raise=8pt,amplitude=5pt}] ([xshift=1.8em,yshift=0.3em]SYNBL.north) --([xshift=7em,yshift=0.3em]SYNBL.north);
		
		\node[anchor=north,fill=white,draw,thick,align=center,text width =1.5em,text height=1.3em] (s3) at ([xshift=-3em,yshift=3em]SYNBL.west) {\color{blue}状态编码};
		\draw[decorate,decoration={brace,raise=8pt,amplitude=5pt,mirror}] ([xshift=-0.55em,yshift=2.5em]SYNBL.west) --([xshift=-0.55em,yshift=-2.5em]SYNBL.west);
		
		% 句柄
		\node(a100)[draw,fill=lightblue2, draw=blue, line width=0.05em, rectangle callout, callout relative pointer={(1,-0.9)}, rounded corners, align=center ,inner sep=0.3em] at ([xshift=-5em, yshift=4.5em]SYNBL.west) {\color{blue}表项 R($\_,\_$)};
		
		%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
		\begin{pgfonlayer}{background}
			\node [fill=yellow!10,fit=(SYNBL) (a1) (a2) (a3) (a4) (a5) (a6)] {};
		\end{pgfonlayer}
	\end{tikzpicture}
\end{document}
